﻿@charset "utf-8";
/* 首页部分开始 */


 
/*友情连接*/
/*.p_l_list{ background-color:#fff; float:left;}*/
.p_l_list li{float:left; width:120px; float:left; margin: 10px;}
.p_l_list li a{display: table-cell;text-align: center;vertical-align: middle;width: 120px;}
.p_l_list li img{ width: 120px; height:60px; display:block;}

.logo img {
    max-height: 70px;
}
 /*width:239px; height:50px;*/

/*下载*/
.n_d_list li{ height: 38px;border-bottom: #ccc 1px dotted;}
.n_d_list li a{ float:left; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:14px;}
.n_d_list li span{ float:right; line-height:30px;}

/*招聘*/
.n_j_list li{ height: 30px;border-bottom: #ccc 1px dotted;}
.n_j_list li a{ float:left; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.n_j_list li span{ float:right; line-height:30px;}

/*新闻*/
.n_n_list li{overflow: hidden;margin-bottom: 40px;}
.n_n_list li img{float:left;width: 200px; height: 120px;}
.n_n_list li .text{width: 75%;  overflow: hidden;  float: right;}
.n_n_list li .text > div{height: 66px; overflow: hidden;}
.n_n_list li .text h3{font-size: 18px;  color: #333333;margin-bottom: 10px;}
.n_n_list li .text span{font-size: 13px;color: #999999;}
.n_n_list li .text p{font-size: 14px;  line-height: 24px;  color: #666666;margin-top: 12px;}


/*.n_n_list dl dt a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}*/

.hd_search{width: 180px;  height: 36px;  position: relative;  top: 0;  overflow: hidden;  border-bottom: 1px solid #ccc;  box-sizing: border-box;}
#keywords{display: block;  width: 100%;  height: 40px;  line-height: 40px;  padding: 0 12px;  font-size: 14px;}
.s_btn{position: absolute;  top: 0;  width: 40px;  height: 40px;  border: none;  outline: 0;  right: 0;  background: url(/templates/Images/search.png) no-repeat center;}




.listnew_left{ float:left; }
.listnew_left li{ width:310px; height:190px; border:2px solid #EBEBEB}
.listnew_left li img{ width:285px; height:157px; padding:15px 0 0 13.5px;}
.listnew_right{ width:660px; float:right; margin-top:35px}
.title2{ font-size:14px; color:#E60012; height:25px;}
.title2 a{color:#E60012; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; width:500px;}
.title2 span{ float:right; font-size:12px; background:url(../images/zhi1.png)  no-repeat 75px -2px; padding-right:20px}
.listnews_article{ font-size:12px; line-height:30px; margin-top:10px; height:90px; overflow:hidden;}
.listnews_article span{ color:#E71021}
.listnews_article span a{color:#E71021}
.listnews_our{ margin-bottom:35px; width:1000px; float:left;}
 

.item > a{display: block; width: 100%; height: 230px; margin: 0 auto; border: 1px solid #ededed; padding: 10px; box-sizing: border-box;}
.item h3{color: rgb(255, 67, 21);font-size: 18px;margin: 12px 0;display: none;}
    /*一个内容层*/
    .item{ height: 340px; overflow: hidden; width: calc((100% / 3) - 20px); margin: 0 10px 10px; box-sizing: border-box;  }
    .item img{   width: 200px; height: 200px;    }




/*视频*/
.p_v_list{}
.p_v_list li{float:left; display:inline-block; width:320px; margin:0 6px 10px 7px;}
.p_v_list li img{width:320px; height:240px;}
.p_v_list li span{ display:block; height:30px; line-height:30px; text-indent:20px; width:320px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:2px solid #d9d7d7; background:url(/templates/images/icon01.jpg) no-repeat 3px center;}




/* ---------------结束---------------- */


/* ---------------开始首页内容------------------ */
/* 首页推荐新闻*/
.i_n_list{}
.i_n_list .nlist2 li{line-height:24px; padding-left:8px; width:224px; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:url(../images/icon4.gif) no-repeat 8px 10px; padding-left:15px;}
.i_n_list .nlist2 a{display:block; width:220px; overflow:hidden;float:left;font-size:12px; text-align:left; white-space:nowrap;text-overflow:ellipsis;}
.i_n_list .nlist2 a:hover{ text-decoration:none;}

.i_n_list .i_title li{width:90px;}
.i_n_list .i_title a{float:left; padding-left:13px;font-size:12px; text-align:left;display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background:none; color:#616161;}
.i_n_list .i_title a:hover{ color:#fff;}

/* 首页推荐产品 */
/* 首页友情链接图片列表式 */
.i_l_list{ display:inline-block;}
.i_l_list a{display:block; display:inline; overflow:hidden; float:left; width:30.5%; margin:5px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;}
.i_l_list img{ display:block;width:96%;height:80px; padding:1px;border:1px solid #C4C4C4;}
.i_l_list a:hover img{border:1px solid #900; }


/* 翻页按钮 */
.navPage{clear:left; padding:15px 0px 10px 0px;font-size:14px;font-family:arial,simsun,sans-serif; text-align:center; width:100%; margin:0 auto;margin-bottom: 30px;}
.navPage ul{ text-align:center;}
.navPage li{ display:inline-block; margin-right:2px;}
.navPage a{display:block; color:#cccccc;width:26px; height:26px; display:block; border:1px solid #cccccc; line-height:26px; }
.navPage a:hover,a.pagebarCurrent{color:#fff; text-decoration:none; border:1px solid #243a8e; background-color:#243a8e;}
/* ---------------结束栏目列表---------------- */


/*产品分类*/
.sortnavt{ display:block;height: 80px; text-align: center;background: #0099ff;position: relative;}
.sortnavt:before{content: ""; position: absolute; width: 35px; height: 50px; border: 5px solid #47bfe5;transform: rotate(270deg); left: 3px; border-bottom: none; border-left: none; top: -13px;}



.sortnavt > *{color: #fff;}
.sortnavt h3{height:35px; line-height:35px;font-size: 26px;}
.sortnavt span{display:block; font-size:14px; line-height:40px;text-transform:capitalize;font-size: 14px;}

.sortnavul li{display:inline-block;position: relative;text-align: center;}
.sortnavul li:after{    width: 8px;
    height: 8px;
    border: 1.45px solid #243a8e;
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
    position: absolute;
    top: 20px;
    left: 200px;}

.sortnavul li a{display: inline-block;width: 135px;height: 50px;font-size: 16px;line-height: 50px; color: #333333; background: #FFF;text-align: center;border-bottom: #d9d9d9 1px solid;}
.sortnavul li a:hover{color: #0099ff; font-weight: bold;}
.sortnavli:hover .sortnavul li::after{border: 2px solid #FFF;}
.sortnavul li ul{display: block;}

.sortnavul li:nth-last-child(1) > a{border:none;}
.sortnavul li:hover ul {
    display: block;
}

.sortnavul li ul li a {
    height: 38px;
    font-size: 13px;
    color: #666666;
    line-height: 38px;
}
/*.sidebar a{ display:inline-block; width:135px; height: 40px; margin:0 5px; font-size:16px; line-height: 38px; border:1px solid #e5e5e5; border-radius:3px; color: #333333; background: #FFF;}
.sidebar a:hover{border:1px solid #e28b0f;  background: #e28b0f; color: #FFF;}*/


/*单页图文分类*/
.fsclly{width: 900px; margin: 0 auto;max-width: 100%;}
.fsclly p{font-size: 16px; line-height: 30px; color: #333333; text-indent: 2em;margin-bottom: 40px;}
.fsclly div{text-align: center;}
.fsclly div h3{font-size: 14px; line-height: 30px; color: #2b4d7e; margin-top: 20px;}

.hzal ul li{width: calc((100%/5) - 15px); float: left; margin-right: 15px; margin-bottom: 28px; text-align: center;}
.hzal ul li img{background-color: #fafafa; border: solid 1px #cccccc;}
.box1, .box2{overflow: hidden;}


.sortnavbtn{ background: url(../images/lb.gif) no-repeat scroll 40px 0 transparent; color: #D4D4D4; font-weight: bold;line-height: 32px;}
.sortnavbtn a{background: url(../images/lb.gif) no-repeat 40px 0;color: #D4D4D4;display: block;font-weight: bold;line-height: 32px;overflow: hidden;padding-bottom: 8px;padding-left: 50px;text-overflow: ellipsis;white-space: nowrap; width: 177px;}
.sortnavbtn a:hover{line-height:32px; background:url(../images/lhover.gif) no-repeat 40px 0px;padding-left:50px; color:#c30708;font-weight:bold; text-decoration:none;}
/*首页产品分类*/
.i_ullist_sortnav{float:left;}
.i_ullist_sortnav li{ border-bottom:1px solid #ffefe1; width:150px;}


/* ---------------开始栏目详细---------------- */

/*产品展示详细*/
.productview{ position:relative;}
.producttitle{text-align: center; font-weight:bold;font-size: 22px; margin-bottom:20px;}
/*默认*/
.productimg{margin:0 auto; text-align:center; padding-bottom:15px; display:block; width:600px;}
.productinfos{ overflow:hidden; display:none; text-align:center; }
.productimg a { }
.productimg a img{margin:0;padding:0;width:600px;}
.productimg a:hover img{}
/*IE6固定大小*/
*html .productimg a img{ width:400px;}
/*展示1*/
.productbigimg{ position:absolute; display:inline; width:100%;text-align:center;}
.productinfoslist{overflow:hidden;padding-left:330px; height:330px;}
.shopping{ padding-left:80px;}
.productinfoslistfos{ margin:20px 0px; float:left; width:340px;}
.productinfoslist ul{width:330px; padding-bottom:20px;}


.productremark{ clear:both;line-height:25px;}
.productremark .title{overflow: hidden; font-weight:bold; line-height:29px; display:none;}

/*内容详细页*/
.p_n_title{text-align: center; font-weight:bold; font-size: 22px;}
.remark{line-height:22px; line-height:25px; margin-top:20px;}
.remark1{ line-height:25px;}
/*下载链接*/
.download_btn{text-align:center;line-height:30px;}
/*新闻详细*/
.p_n_info{line-height:30px; text-align:right;
}
.p_n_video{text-align:center;}
/* 产品/视频详细 */
.product_others{ padding-top: 8px; clear: both; padding-left: 8px; }
.product_others li{	display: block;	clear: both;line-height: 20px;}
.onlinebuy_list .pc01{width:500px;margin:0 auto; text-align:center;}
/*.onlinebuy_list .pc01 img{width:500px;}*/
.onlinebuy_list .pc01 img{border:1px solid #bcbcbc;margin:0;padding:0;max-width:500px;width:expression(this.width>500?"500px":this.width);max-height:500px; height:expression(this.height>500?"500px":this.height);}
.onlinebuy_list .pc01 a:hover img{border:1px solid #900;}
/*IE6固定大小*/
*html .onlinebuy_list .pc01 img{ width:400px;}
.viewproduct_infos{clear:both;padding-left:8px;overflow: hidden;}
/*导航上下记录*/
.prevnext{width:100%;padding:10px 0;line-height:20px;}
.prevrecord,.nextrecord{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;}
.prevrecord a,.nextrecord a{ font-weight:bold;}
/* 留言 */
.gbook_post{height: 40px;}
.gbook_formbtn{padding:4px;}
.gbook_formbtn goback_btn{clear:both;margin-left:150px;background:#888888;color:#FFFFFF;border:solid 1px #666666;font-weight:bold;padding:4px 6px;}
.gbook_formbtn input{background: #2b4d7e none repeat scroll 0 0; color:#fff;
    border: medium none; float:left;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin: 10px 10px 0px 0px; width:100px;
    text-align: center;}
.gbook_indexpost{margin-bottom:8px;}
.gbook_tblist{margin-bottom:4px;}
.gbook_tblist input,.gbook_tblist textarea{ background:#FFF; border:1px solid #eae9e9;height: 24px; width: 100%;}
.p_g_gbook{padding: 0px; }
.p_g_title{font-weight:bold;line-height:30px;text-align:left; padding-left:10px; clear: both;}
.p_g_content{text-align:left;line-height:24px; padding:0 5px; clear: both;}
/* 招聘 */
.p_jv_jobs{ line-height:24px; margin:0px 0px; padding:0px;}
.p_jv_jobs .jobs{height:33px;}
.i_p_list .p_jv_item{ clear:both; width:660px;}
.p_jv_title{float:left;clear:left;text-align:left;font-weight:bold;}
.p_jv_cont{float:left;text-align:left;}
.p_jv_contb{text-align:left;clear:both;padding:0 0 10px 20px;}
/* 网站地图 */
.p_m_div{ margin:auto; clear: both; text-align:left; overflow:hidden; width:100%;}
.p_m_div a{line-height:20px;height:20px; font-size:12px;}
.p_m_div a:hover{line-height:20px;font-size:12px;}
.p_m_ul{margin:0 0 6px 0;	display: table; border-bottom: dashed 1px #d7d7d7;width:100%; padding:0px;}
.p_m_div2 .p_m_ul{margin:0px;float:left;width:auto;border:none; padding-left:10px;}
.p_m_menu{ font-weight: bold; clear: both;}
.i_p_list .p_m_ul li,.menusort_list li{white-space: nowrap; width:653px;}
.p_m_class,.menusort_lists{margin-left: 24px;}
.p_m_div2 {margin:0 10px 0 0;}
/* ----开始网站Rss订阅中心---- */
.onlinerss{width:220px;margin:0 0 10px;padding-bottom:5px;border:solid #dbdbdb 1px;background:#f0f0f0;}
.onlinerss dl {width:214px;height:28px;margin:0 auto; padding-top:6px;background:url(../images/t1.jpg) no-repeat bottom; }
.onlinerss dt { float:left;padding-left:25px;color:#fff; line-height:20px; font-size:14px;}
.onlinerss dt a,.onlinerss dt a:hover{color:#fff;text-decoration:none;}
.onlinerss li{padding-bottom:10px;text-align:center; }
.onlinerss li a.a1{display:block;overflow:hidden;width:200px;height:170px;margin:0 auto;border:1px solid #cbc5bf; }
.onlinerss li a.a1 img{width:200px;}
.onlinerss li a.a2{display:block;overflow:hidden;width:200px;margin:0 auto;;line-height:22px;white-space:nowrap;text-overflow:ellipsis}
.onlinerss .singletxt_main{width:192px;margin:0 auto; padding:10px; border:solid #c8c8c8 1px; border-top:none; background:#fff;  line-height:20px;}
.main_rssxmllist{clear:both;display:block;}
.main_rssxmllist ul{display:block;padding-bottom: 2px; padding:0px; margin:0px;}
.rssmain_topbar{clear:both;display:block;height:24px;line-height:24px;padding:0px 4px;border:solid 1px #d7d7d7;}
.rssmain_toptit{float:left;font-weight:bold;}
.rssmain_topbtn{display:block;float:right;padding-top:2px;}
.rssmain_topbtn .rssxml_url{display:block; margin:4px 15px 0 0;float:left;line-height:20px;}
.rssmain_topbtn .rssxml_btn{display:block;float:left;line-height:20px;}
.rssxml_btn .subscribe_btn{ clear:both;display:block;cursor:pointer;background:url(../../images/rss_icon.jpg) no-repeat left center;padding:2px 4px 0px 20px}
.rssxml_btn .subscribe_list{top:22px;right:-5px;z-index:1000;position:absolute;padding:4px;border:solid 1px #DDD;background-color:#FFF;}
.subscribe_list a{clear:both;display:block;padding:4px;}
.viewitem_list{margin:0px;padding:4px 4px 8px;}
.viewitem_list ul{margin:0px;padding:0px;display:table;width:100%;line-height:20px;}
.viewitem_list ul li{ line-height:20px;}
.viewitem_list ul li a{ display:block;float:left; width:600px; white-space:nowrap; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.viewitem_list ul span{float:right; padding-right:0px;}
#com_pmodule_rssonline{text-align:center; margin:0 auto;}
#com_pmodule_rssonline li{padding:3px 0;}
#com_rssonline li{text-align:center; margin:0 auto; padding:5px 0;}

.sidebar .rss1{background: url(../images/t1.jpg) no-repeat scroll 0 0 transparent;height: 29px;width: 194px;}
.sidebar .rss1 span{ color: #fff;font-size: 14px;font-weight: bold;line-height: 32px;padding-left: 34px;}
.sidebar .rss1 span a{  color: #fff;}


/* ------在线调查---- */
.survey_indexshow{margin:0px 0 15px 5px;}
.survey_indexpost{padding-left: 20px;margin-bottom: 8px;}
.survey_post input{ border: 0px;}
.survey_postbtn{line-height: 30px;}
.survey_postbtn input{line-height:20px; margin-right: 8px; cursor: pointer; width: 100px;   background:#ddd; color:#25262b;border:solid 1px;}
/* ---------------结束栏目详细---------------- */


/* ---------------开始扩展区----------------- */

#com_definedkeys_1,#com_definedkeys_2,#com_definedkeys_3,#com_definedkeys_4{ /*margin-bottom:-6px;*/}
.i_u_def1,.i_u_def2,.i_u_def3,.i_u_def4,.p_u_def1,.p_u_def2,.p_u_def3,.p_u_def4{overflow:hidden;}
.move_divouter .content{overflow:hidden;line-height:20px;}
.move_divouter .list{overflow:hidden; }
.move_divouter .title a{ text-decoration:none;}
#index #com_definedkeys_1{display:inline;}


.i_u_def1{margin-bottom: 20px; width:1100px;}
.i_u_def1 .title{ text-align:center;}
.i_u_def1 .title .tt{color: #000;display: block;font-size: 30px;height: 57px;letter-spacing: 15px;line-height: 57px;}
.i_u_def1 .title .tm{ float:right;color:#454545; background:#fff; line-height:80px; height:80px; padding-left:8px; font-size:24px; font-weight:500; display:none;}
.i_u_def1 .content{ line-height: 25px; padding: 20px 10px; width:1080px;}
.i_u_def1 .list{ padding: 20px 10px; width:1080px; overflow:hidden;}
.i_u_def1 .list ul{}
.i_u_def1 .list li{float:left; width:222px; float:left; margin:10px 24px;}
.i_u_def1 .list li a{width: 210px;}
.i_u_def1 .list li img{width: 210px; height:160px; border:6px solid #e5eef5; margin-bottom:10px;}
.i_u_def1 .list li span{ display:block; width:210px; padding:0px 6px; height:36px; background-color:#e5eef5; line-height:36px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


#index #com_definedkeys_2{display:inline;float:left;}
.i_u_def2{width:590px; margin-top:15px;}
.i_u_def2 .content{ line-height:22px; margin-top:5px;}
.i_u_def2 .list{ float:left; margin-top:5px;}
.i_u_def2 .list li{height:31px; background:url(../Images/icon06.jpg) repeat-x left bottom;}
.i_u_def2 .list li a{ display:block; height:29px; line-height:30px; font-size:12px;}
.i_u_def2 .list li a ins{ display:block; float:left; width:490px; text-decoration:none; text-indent:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_u_def2 .list li a span{ display:block; float:right; width:100px; padding-right:5px; text-align:right;}
.i_u_def2 .list li a:hover{ background:#b50e00; color:#FFF;}

.i_u_def3{width:590px; margin-top:20px;}
.i_u_def3 .content{ line-height:22px; margin-top:5px;}
.i_u_def3 .list{ float:left; margin-top:5px;}
.i_u_def3 .list ul{}
.i_u_def3 .list li{float:left; display:inline-block; width:285px; margin:0 5px 10px 5px;}
.i_u_def3 .list li span{ display:block; height:30px; line-height:30px; text-align:center; width:285px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_u_def3 .list li i{ display:block; width:285px; height:213px; overflow:hidden;}
.i_u_def3 .list li i img{width:285px; height:232px;}
.i_u_def3 .list li a:hover i img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

#com_definedkeys_4{}
.i_u_def4{margin-top: 20px; width:1100px;}
.i_u_def4 .title{ text-align:center;}
.i_u_def4 .title .tt{color: #000;display: block;font-size: 30px;height: 57px;letter-spacing: 15px;line-height: 57px;}
.i_u_def4 .title .tm{ float:right;color:#454545; background:#fff; line-height:80px; height:80px; padding-left:8px; font-size:24px; font-weight:500; display:none;}
.i_u_def4 .content{ line-height: 25px; padding: 20px 10px; width:1080px;}
.i_u_def4 .list{ padding: 20px 10px; width:1080px; overflow:hidden;}
.i_u_def4 .list ul{}
.i_u_def4 .list li{float:left; width:222px; float:left; margin:10px 24px;}
.i_u_def4 .list li a{width: 210px;}
.i_u_def4 .list li img{width: 210px; height:160px; border:6px solid #e5eef5; margin-bottom:10px;}
.i_u_def4 .list li span{ display:block; width:210px; padding:0px 6px; height:36px; background-color:#e5eef5; line-height:36px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.p_u_def1{width:1120px; margin-bottom:20px; background-color:#fff;}
.p_u_def1 .content{ line-height:22px; padding:15px;}
.p_u_def1 .list{ padding:15px;}
.p_u_def1 .list ul{}
.p_u_def1 .list li{float:left; display:inline-block; width:265px; margin:0 3px 10px 4px;}
.p_u_def1 .list li img{width:265px; height:170px;}
.p_u_def1 .list li span{ display:block; height:30px; line-height:30px; width:265px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.p_u_def2{width:370px; margin-top:20px; background-color:#fff;}
.p_u_def2 .content{ line-height:22px; padding:15px;}
.p_u_def2 .list{ float:left; padding:15px;}
.p_u_def2 .list li{ height:30px; line-height:30px; font-size:14px; overflow:hidden;}
.p_u_def2 .list li a{display:block; float:left; width:340px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.p_u_def3{width:727px; margin-top:20px; background-color:#fff;}
.p_u_def3 .content{ line-height:22px; padding:15px;}
.p_u_def3 .list{ float:left; padding:15px;}
.p_u_def3 .list ul{}
.p_u_def3 .list li{float:left; display:inline-block; width:225px; margin:0 3px 10px 4px;}
.p_u_def3 .list li img{width:225px; height:145px;}
.p_u_def3 .list li span{ display:block; height:30px; line-height:30px; width:225px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.p_u_def4{width:1120px; margin-top:20px; background-color:#fff;}
.p_u_def4 .content{ line-height:22px; padding:15px;}
.p_u_def4 .list{ padding:15px;}
.p_u_def4 .list ul{}
.p_u_def4 .list li{float:left; display:inline-block; width:265px; margin:0 3px 10px 4px;}
.p_u_def4 .list li img{width:265px; height:170px;}
.p_u_def4 .list li span{ display:block; height:30px; line-height:30px; width:265px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* ---------------开始扩展区----------------- */

/* ---------------开始底部--------------- */
/*.footer{ text-align:center;}
.footer #com_othermenu{padding:15px 0 5px 0;}
.footer #com_copyright{padding:5px 0;}
.footer #com_webcounter{ padding-top:5px;}
/* ---------------结束底部--------------- */

@charset "utf-8";

.title01{width: 100%; line-height: 40px; text-align: center; position: relative;}
.title01 h3{font-size: 30px; color: #333333;}
.title01 span{color:#888888;font-size: 12px;}
.title01:before{content: ""; position: absolute;background: #36b0f3; width: 200px; height: 1px; top: 100px; left: calc(50% - 100px);}
.title01:after{content: "";position: absolute;width: 40px;height: 6px;background: #09f;top: 97px;left: 48.5%;}


.title02{padding:0 30px 0 20px; height:60px; border-bottom:1px solid #ededed;}
.title02 h3{display: block; float: left; height:60px; line-height: 60px; text-indent: 15px; font-size: 18px; color: #333333; background: url(../images/icon04.png) no-repeat left center;}
.title02 span{ display: block; float: right; line-height: 60px; font-size:14px; }
.title02 span a{color:#666666; padding: 0 10px;}

.title03{color: #333; font-size: 24px; line-height: 34px; text-align: center;}


.more01{margin-top:30px; width:100%; height:40px; line-height: 40px; text-align:center;}
.more01 a{ display:inline-block; width:126px; height:40px; color:#FFF; border-radius:20px; font-size:14px; background: #e28b0f;}
.more01 a:hover{color:#FFF; background:#2c90cc;}

.more02{ float: left; margin-top:10px; width:100%; height:40px;}
.more02 a{ display:inline-block; width:140px; height:40px; text-align: center; line-height: 38px; color:#999; border:1px solid #bfbfbf; border-radius:20px; font-size:14px; text-transform: uppercase;}
.more02 a:hover{color:#FFF; background-color:#e62129; border:1px solid #e62129;}




/* gotop */
.actGotop {width:40px; height:40px; position:fixed; bottom:10px; right:10px; z-index:9999; display:none; cursor:pointer; background: url(../Images/backTop.png) no-repeat center center  rgb(36, 58, 142);}
.actGotop:hover{ background: url(../Images/backTop.png) no-repeat center center rgba(4, 115, 174, 0.35);}

@charset "utf-8";

/* CSS Document 2016.12.1 */
body {font-family:microsoft yahei; margin:0; padding:0; font-size:12px; color:#888888; background:#FFF;}
*{list-style-type:none; margin:0; padding:0; border:0; transition:color 0.2s,background 0.4s; -webkit-transition:color 0.2s,background 0.4s; -moz-transition:color 0.2s,background 0.4s;-moz-box-sizing:border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
img, a img{vertical-align:bottom; max-width:100%;}
input,select,textarea{vertical-align:middle; font-family:microsoft yahei;}
input:focus,textarea:focus{ outline:none; }
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* Link */
a{color:#333333; text-decoration:none; }
a:hover {color:#0099ff; text-decoration:none;}
/* Other */
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;}
.clear::after{content:"";clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;}

/* Font  */
.fb{font-weight:bold;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt60{margin-top:60px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml30{margin-left:30px;}
.fl{float:left;}
.fr{float:right;}
.ovht{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

@-webkit-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
.fadein-top{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}
@-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinT{0%{opacity:0;-moz-transform:translateY(-50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinT{0%{opacity:0;-ms-transform:translateY(-50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinT{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0);}}
.fadein-right{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}
@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinR{0%{opacity:0;-moz-transform:translateX(50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinR{0%{opacity:0;-ms-transform:translateX(50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinR{0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}}
.fadein-bottom{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinB{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
.fadein-left{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
@-webkit-keyframes fadeinL{0%{opacity:0;-webkit-transform:translateX(-50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinL{0%{opacity:0;-moz-transform:translateX(-50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinL{0%{opacity:0;-ms-transform:translateX(-50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinL{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);}}
.fadeout{-webkit-animation-name:a-fadeout;-moz-animation-name:a-fadeout;-ms-animation-name:a-fadeout;animation-name:a-fadeout;}
@-webkit-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@-ms-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
.fadeout-top{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT;}
@-webkit-keyframes fadeoutT{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-100px);}}
@-moz-keyframes fadeoutT{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(-100px);}}
@-ms-keyframes fadeoutT{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(-100px);}}
@keyframes fadeoutT{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-100px);}}
.fadeout-right{-webkit-animation-name:fadeoutR;-moz-animation-name:fadeoutR;-ms-animation-name:fadeoutR;animation-name:fadeoutR;}
@-webkit-keyframes fadeoutR{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(100px);}}
@-moz-keyframes fadeoutR{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(100px);}}
@-ms-keyframes fadeoutR{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(100px);}}
@keyframes fadeoutR{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(100px);}}
.fadeout-bottom{-webkit-animation-name:fadeoutB;-moz-animation-name:fadeoutB;-ms-animation-name:fadeoutB;animation-name:fadeoutB;}
@-webkit-keyframes fadeoutB{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(100px);}}
@-moz-keyframes fadeoutB{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(100px);}}
@-ms-keyframes fadeoutB{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(100px);}}
@keyframes fadeoutB{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(100px);}}
.fadeout-left{-webkit-animation-name:fadeoutL;-moz-animation-name:fadeoutL;-ms-animation-name:fadeoutL;animation-name:fadeoutL;}
@-webkit-keyframes fadeoutL{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-100px);}}
@-moz-keyframes fadeoutL{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(-100px);}}
@-ms-keyframes fadeoutL{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(-100px);}}
@keyframes fadeoutL{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-100px);}}
.bounce,.bounce-hover:hover{-webkit-animation-name:a-bounce;-moz-animation-name:a-bounce;-ms-animation-name:a-bounce;animation-name:a-bounce;}
@-webkit-keyframes a-bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}40%{-webkit-transform:translateY(-30px);}60%{-webkit-transform:translateY(-15px);}}
@-moz-keyframes a-bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0);}40%{-moz-transform:translateY(-30px);}60%{-moz-transform:translateY(-15px);}}
@-ms-keyframes a-bounce{0%,20%,50%,80%,100%{-ms-transform:translateY(0);}40%{-ms-transform:translateY(-30px);}60%{-ms-transform:translateY(-15px);}}
@keyframes a-bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-30px);}60%{transform:translateY(-15px);}}
.bouncein{-webkit-animation-name:a-bouncein;-moz-animation-name:a-bouncein;-ms-animation-name:a-bouncein;animation-name:a-bouncein;}
@-webkit-keyframes a-bouncein{0%{opacity:0;-webkit-transform:scale(0.3);}50%{opacity:1;-webkit-transform:scale(1.05);}70%{-webkit-transform:scale(0.9);}100%{-webkit-transform:scale(1);}}
@-moz-keyframes a-bouncein{0%{opacity:0;-moz-transform:scale(0.3);}50%{opacity:1;-moz-transform:scale(1.05);}70%{-moz-transform:scale(0.9);}100%{-moz-transform:scale(1);}}
@-ms-keyframes a-bouncein{0%{opacity:0;-ms-transform:scale(0.3);}50%{opacity:1;-ms-transform:scale(1.05);}70%{-ms-transform:scale(0.9);}100%{-ms-transform:scale(1);}}
@keyframes a-bouncein{0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);}}
.bounceout{-webkit-animation-name:a-bounceout;-moz-animation-name:a-bounceout;-ms-animation-name:a-bounceout;animation-name:a-bounceout;}
@-webkit-keyframes a-bounceout{0%{-webkit-transform:scale(1);}25%{-webkit-transform:scale(0.95);}50%{opacity:1;-webkit-transform:scale(1.1);}100%{opacity:0;-webkit-transform:scale(0.3);}}
@-moz-keyframes a-bounceout{0%{-moz-transform:scale(1);}25%{-moz-transform:scale(0.95);}50%{opacity:1;-moz-transform:scale(1.1);}100%{opacity:0;-moz-transform:scale(0.3);}}
@-ms-keyframes a-bounceout{0%{-ms-transform:scale(1);}25%{-ms-transform:scale(0.95);}50%{opacity:1;-ms-transform:scale(1.1);}100%{opacity:0;-ms-transform:scale(0.3);}}
@keyframes a-bounceout{0%{transform:scale(1);}25%{transform:scale(0.95);}50%{opacity:1;transform:scale(1.1);}100%{opacity:0;transform:scale(0.3);}}
.rotatein{-webkit-animation-name:a-rotatein;-moz-animation-name:a-rotatein;-ms-animation-name:a-rotatein;animation-name:a-rotatein;}
@-webkit-keyframes a-rotatein{0%{opacity:0;-webkit-transform:rotate(-200deg);}100%{opacity:1;-webkit-transform:rotate(0);}}
@-moz-keyframes a-rotatein{0%{opacity:0;-moz-transform:rotate(-200deg);}100%{opacity:1;-moz-transform:rotate(0);}}
@-ms-keyframes a-rotatein{0%{opacity:0;-ms-transform:rotate(-200deg);}100%{opacity:1;-ms-transform:rotate(0);}}
@keyframes a-rotatein{0%{opacity:0;transform:rotate(-200deg);}100%{opacity:1;transform:rotate(0);}}
.rotateout{-webkit-animation-name:a-rotateout;-moz-animation-name:a-rotateout;-ms-animation-name:a-rotateout;animation-name:a-rotateout;}
@-webkit-keyframes a-rotateout{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}}
@-moz-keyframes a-rotateout{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}}
@-ms-keyframes a-rotateout{0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1;}100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0;}}
@keyframes a-rotateout{0%{transform-origin:center center;transform:rotate(0);opacity:1;}100%{transform-origin:center center;transform:rotate(200deg);opacity:0;}}
.flash,.flash-hover:hover{-webkit-animation-name:a-flash;-moz-animation-name:a-flash;-ms-animation-name:a-flash;animation-name:a-flash;}
@-webkit-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-moz-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-ms-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
.shake,.shake-hover:hover{-webkit-animation-name:a-shake;-moz-animation-name:a-shake;-ms-animation-name:a-shake;animation-name:a-shake;}
@-webkit-keyframes a-shake{0%,100%{-webkit-transform:translateX(0);}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}20%,40%,60%,80%{-webkit-transform:translateX(10px);}}
@-moz-keyframes a-shake{0%,100%{-moz-transform:translateX(0);}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}20%,40%,60%,80%{-moz-transform:translateX(10px);}}
@-ms-keyframes a-shake{0%,100%{-ms-transform:translateX(0);}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}20%,40%,60%,80%{-ms-transform:translateX(10px);}}
@keyframes a-shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-10px);}20%,40%,60%,80%{transform:translateX(10px);}}
.swing,.swing-hover:hover{-webkit-animation-name:a-swing;-moz-animation-name:a-swing;-ms-animation-name:a-swing;animation-name:a-swing;}
@-webkit-keyframes a-swing{20%{-webkit-transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);}100%{-webkit-transform:rotate(0);}}
@-moz-keyframes a-swing{20%{-moz-transform:rotate(15deg);}40%{-moz-transform:rotate(-10deg);}60%{-moz-transform:rotate(5deg);}80%{-moz-transform:rotate(-5deg);}100%{-moz-transform:rotate(0);}}
@-ms-keyframes a-swing{20%{-ms-transform:rotate(15deg);}40%{-ms-transform:rotate(-10deg);}60%{-ms-transform:rotate(5deg);}80%{-ms-transform:rotate(-5deg);}100%{-ms-transform:rotate(0);}}
@keyframes a-swing{20%{transform:rotate(15deg);}40%{transform:rotate(-10deg);}60%{transform:rotate(5deg);}80%{transform:rotate(-5deg);}100%{transform:rotate(0);}}
.wobble,.wobble-hover:hover{-webkit-animation-name:a-wobble;-moz-animation-name:a-wobble;-ms-animation-name:a-wobble;animation-name:a-wobble;}
@-webkit-keyframes a-wobble{0%{-webkit-transform:translateX(0);}15%{-webkit-transform:translateX(-50px) rotate(-5deg);}30%{-webkit-transform:translateX(40px) rotate(3deg);}45%{-webkit-transform:translateX(-33px) rotate(-3deg);}60%{-webkit-transform:translateX(10px) rotate(2deg);}75%{-webkit-transform:translateX(-10px) rotate(-1deg);}100%{-webkit-transform:translateX(0);}}
@-moz-keyframes a-wobble{0%{-moz-transform:translateX(0);}15%{-moz-transform:translateX(-50px) rotate(-5deg);}30%{-moz-transform:translateX(40px) rotate(3deg);}45%{-moz-transform:translateX(-33px) rotate(-3deg);}60%{-moz-transform:translateX(10px) rotate(2deg);}75%{-moz-transform:translateX(-10px) rotate(-1deg);}100%{-moz-transform:translateX(0);}}
@-ms-keyframes a-wobble{0%{-ms-transform:translateX(0);}15%{-ms-transform:translateX(-50px) rotate(-5deg);}30%{-ms-transform:translateX(40px) rotate(3deg);}45%{-ms-transform:translateX(-33px) rotate(-3deg);}60%{-ms-transform:translateX(10px) rotate(2deg);}75%{-ms-transform:translateX(-10px) rotate(-1deg);}100%{-ms-transform:translateX(0);}}
@keyframes a-wobble{0%{transform:translateX(0);}15%{transform:translateX(-50px) rotate(-5deg);}30%{transform:translateX(40px) rotate(3deg);}45%{transform:translateX(-33px) rotate(-3deg);}60%{transform:translateX(10px) rotate(2deg);}75%{transform:translateX(-10px) rotate(-1deg);}100%{transform:translateX(0);}}
.ring,.ring-hover:hover{-webkit-animation-name:a-ring;-moz-animation-name:a-ring;-ms-animation-name:a-ring;animation-name:a-ring;}
@-webkit-keyframes a-ring{0%{-webkit-transform:scale(1);}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes a-ring{0%{-moz-transform:scale(1);}10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}100%{-moz-transform:scale(1) rotate(0);}}
@-ms-keyframes a-ring{0%{-ms-transform:scale(1);}10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}100%{-ms-transform:scale(1) rotate(0);}}
@keyframes a-ring{0%{transform:scale(1);}10%,20%{transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}40%,60%,80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}}
.rotate,.rotate-hover:hover{-webkit-animation-name:a-rotate;-moz-animation-name:a-rotate;-ms-animation-name:a-rotate;animation-name:a-rotate;}
@-webkit-keyframes a-rotate{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);}}
@-moz-keyframes a-rotate{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(359deg);}}
@-ms-keyframes a-rotate{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(359deg);}}
@keyframes a-rotate{0%{transform:rotate(0deg);}100%{transform:rotate(359deg);}}





/* --------鼠标滑过对象后可移动对象的样式--------- */
.edit_box{ position:absolute; border:1px solid #ffa103; /* border:1px solid #00beff; width:192px; height:27px; top:388px; left:10px; */}
.edit_mask{/* cursor: pointer; */ height:100%; background: #ffa103; /* background: #00feff; */ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); opacity:0.2;}
.edit_btn_bar{ position:absolute; /* top:4px; right:4px; */ top: 1px; right: 1px;}
.edit_btn_bar img{ cursor:pointer; float:left; margin-left:2px;}
.edit_btn_bar input{ cursor:pointer; float:left; margin-left:2px;}

/* --------鼠标移动对象时可移动对象区域的样式--------- */
.edit_box_bg{border: dashed 1px #ff0000;}

.loadding{ position:absolute; left:45%; top:50%; z-index:1000; width: 200px;}
.loadding div{ background:url(images/loading.gif) no-repeat 4px center; padding: 2px 4px 2px 28px; color: #FF6600; font-size: 14px; line-height: 20px;}
 
/* --------在线编辑管理界面的样式加载--------- */
.pop2mask{ position:absolute; width:100%; height:100%; /* background:#000; */ filter:alpha(opacity=40); opacity: 0.4;}
.pop2load{position:absolute; z-index:100; /* top: 20px; */ top: 0px; display: block; width: 100%;}
.pop2load .mainLoad{ /* border: solid 2px #b4ea71; */ border:1px solid #e6f0f6; width:379px; background:#fff; display: block;}
.pop2load .loadHead{ background:url(images/poptit_bg.gif) repeat-x left bottom #fafafa; height:30px; line-height: 30px; clear: both; display: block; position: relative;}

.pop2load .loadHead .loadTitle{position:absolute; background:none; color: #4f556c; font-weight:bold; top: 0px; left: 0px; padding-left: 10px; _padding-top: 6px; vertical-align: middle;}
.pop2load .loadHead .loadTitle img{ margin-right: 8px; vertical-align: middle; border: none;}
.pop2load .loadHead .close{ background:url(images/poptop_close.gif) no-repeat left center; position:absolute; top: 0px; right: 0px; cursor:pointer; padding: 0px 10px 0px 16px; _padding-top: 4px; height: 26px; line-height: 26px; vertical-align: middle;}

.popCloseBtn{ margin: 0px auto; z-index: 2000; position: absolute; text-align: center; line-height: 30px; height: 26px; padding-top: 4px; display:block; width: 100%; border-top: solid 1px #ebcb5a; border-bottom: solid 1px #ebcb5a; background-color:#ffffd1;}
.popCloseBtn a{ width:100px; line-height:22px; height: 22px; _height: 16px; _padding-top: 6px; display: block; margin: 0px auto; color:#4f556c; vertical-align: middle; background:url(images/bgb03.gif) no-repeat center center;}
.popCloseBtn a:hover,.popCloseBtn a:active {color:#e80505; font-weight:bold; text-decoration: none; /* background:url(images/bgb03.gif) no-repeat center center; */}
.popCloseBtn img{ cursor: pointer; vertical-align: middle; padding-right: 4px;}

.DragDragBox {/* FILTER:alpha(opacity=70); z-index: 100; */ overflow: hidden;}

/* ----在线编辑需要引用的样式开始---- */
.edit_nullmodule
{
	display: none;
}
.edit_addmodule
{
	display: block;
	line-height: 20px;
	margin: 2px auto;
	padding: 4px;
	color: #FF0000;
	text-align: center;
	border: solid 1px #dddddd;
	background-color: #eeeeee;
}
.move_divouter
{
	display: table;
	/*
	height: 100%;
	*/
	/* 以下定义为了拖曳功能方便 */
	padding-bottom: 6px;
	/*
	border: solid 1px #FF0000;
	*/
}
/* ----在线编辑需要引用的样式结束---- */


@charset "utf-8";
.ddsmoothmenu{font-size:14px;margin: 0 auto;max-width: 100%;}
.ddsmoothmenu a{text-align:center;}
.ddsmoothmenu ul{
z-index:100;
padding:0;
list-style-type: none;
}

/*.i_nav li{float:left; display:inline-block;}
.i_nav li>a{display:block; padding: 0 30px; height:75px; color:#333333; line-height:75px; font-size:16px;}
.i_nav li>a:hover{ color:#e28b0f;}
.i_nav li>a.on{ color:#e28b0f;}
.i_nav li.hot{ background: url(../images/icon01.png) no-repeat right 20px;}*/


.ddsmoothmenu ul li{position: relative;display: inline;float:left; display:inline; color:#000; text-align:center; height:75px;}
.nava{display:block; line-height:75px; color:#000; font-family:microsoft yahei; font-size:16px; padding: 0 25px;}
* html .nava{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.nava:hover,.navactive:hover{display:block; line-height:75px; font-family:microsoft yahei; font-size:16px; padding: 0 25px;}
.selected,.navactive{display:block; line-height:75px; font-family:microsoft yahei;color:#000; font-size:16px; padding: 0 25px;}
.i_nav ul li ul{
position: absolute; 
 /*collapse all sub menus to begin with*/
visibility: hidden;
}
* html .i_nav ul li ul{}
.i_nav ul li ul li{
display: list-item; margin:0 auto;width:100%;
height:35px;line-height:35px; height:100%;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.i_nav ul li ul li ul{ 
top:0;
}
.i_nav ul li ul li a
{
display:block; float:left;
font: normal 14px Verdana;
width:100%;
height:35px; color:#333;
line-height:35px; background-color:#fff; text-align:center; z-index:2001;

margin: 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; cursor:pointer;
}
.navliv{ height:35px; }
.ddsmoothmenu ul li:hover{background: #fff;}
.ddsmoothmenu ul li:hover > a{color:#243a8e;}
.i_nav ul li ul li a:hover{ color:#fff; background-color:#243a8e; text-decoration:none;}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


.downarrowclass{
position: absolute;
top: 12px;
right: 15px;
}
.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
 filter:alpha(opacity=0);opacity: 0;}


/*------------------------------------------------------*/

/* End */


@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}



@charset "utf-8";
/* CSS Document */

#container{ 
text-align: center;
	margin:0 auto;
	position:relative;
	z-index:0;
}
#example{ 
	position:relative;
}
#ribbon{
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}
#frame{
	position:absolute;
	z-index:0; 
	width:1920px;
	top:-3px;
	left:-80px;
}
#slides{ 
	z-index:100;
}
#slides .rol,#slides .ror{
	position:absolute;
	top:220px;
	width:30px;
	height:52px;
	display:block;
	z-index:101;
}
.slides_container{  
	position:relative;
}
#slides .rol{
	left:360px;
	
}
#slides .ror{
	right:360px;
	
}

.p_banner_box #slides .rol{top:110px;}
.p_banner_box #slides .ror{top:110px;}



.pagination{
	
	display: block;
	position:absolute;
	z-index:20000;
	bottom:15px; width:100%; text-align:center;
	}
.pagination li{
	display:inline-block;
}
.pagination li a{
	display:inline-block; margin:0 15px; width:100px; height:6px; text-align:center; background:#FFF; overflow:hidden;  font-size:0px;}

.pagination li.current a{background:#0473ae;}

/*.i_banner li{width:100%; height:590px;}
.i_banner li a{display:block; width:100%; height:590px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:20px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 15px; width:100px; height:6px; overflow:hidden; background:#FFF;}
.i_banner_p a:hover{ background:#0473ae;}
.i_banner_p a.on{ background:#0473ae;}*/



.caption{
	position:absolute;
	bottom:-35px;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:898px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow: 1px 1px 1px #ccc;
	display: none;
}


.mfbox,.intro,.i_news{width:1200px; margin:0 auto;}
.mfbox{width: 100%;}
.logocallbox{width: 1200px; max-width: 100%; margin: 0 auto;overflow: hidden;padding: 10px  0;}
.i_nav{height: 75px; max-width: 100% ;width: 1200px; margin: 0 auto; display: flex; align-items: center;}
.header{height: 75px;}
.logo{float:left; overflow:hidden; display:inline-block;}
.i_toplxwm{float: right;}
.i_toplxwm img{float:left;width: 45px;  max-width: 100%;}
.i_toplxwm div > div{float:right;}
.i_toplxwm div > div h4{color: #666; font-size: 14px;}
.i_toplxwm div > div span{	color: #2b4d7e;font-size:20px;}


.i_banner_box{position:relative; width:100%; z-index:11;}
.i_banner{width:100%; margin:0 auto; overflow:hidden;}

 
.productT{text-align: center;margin-top: 80px;}
.productM{margin: 60px 0 80px;}
.productT p::after{content: ''; position: absolute; width: 100px; height: 3px;background-color:#243a8e;transform: translate(-174px,40px);}
.productT span{font-size: 26px;font-weight: bold; line-height: 24px;letter-spacing: 2px;color: #243a8e;}
.productT p{font-size: 14px;line-height: 24px;letter-spacing: 3px;color: #243a8e;}

.sort_l{width: 900px;margin: 0 auto;margin-top: 50px;max-width: 100%;}
.sort_l ul{padding: 0; margin: 0;}
.sort_l ul li{ display: inline-block; width: 168px; height: 40px; line-height: 40px; text-align: center; cursor: pointer;color: #666;font-size: 16px;position: relative;}
.sort_l li a.on{background-color: #2090FF; color: #fff; line-height: 40px; font-size: 16px; padding: 10px 30px; border-radius: 6px;}
.sort_l li a:hover{background-color: #2090FF; color: #fff; line-height: 40px; font-size: 16px; padding: 10px 30px; border-radius: 6px;}
.i_pro{width:1200px;max-width:100%;overflow: hidden;margin: 100px auto 0;}
.i_pro_l ul li{height: auto; margin: 0 15px; width: calc((100% / 4) - 30px);text-align: center;margin-bottom:20px;}
.i_pro_l ul li img{width: 100%;  height: 202px;}

.i_pro{width: 100%;margin: 0 auto;margin-top: 50px;padding-bottom: 10px;padding: 0 351.5px;background: url(http://picture.no3.mfdns.com/upload/cases/yq1052/i_newsbj.jpg);    background-size: cover;}
.i_pro h2{text-align: center;margin-top: 38px;}
.i_pro h2 a{font-weight: 700;font-size: 16px;color: #888;border: 1px solid #888;border-radius: 6px;padding: 8px 20px;display: inline-block;
    margin-bottom: 20px;} 
.i_fhfw h2 a:hover, .i_news h2 a:hover, .about a:hover, .i_pro h2 a:hover{background: #09f; color: #fff;border-color:#09f;} 
.i_pro_l ul{display: flex; overflow: hidden; flex-wrap: wrap;margin-top: 70px;}
.index .i_container .i_pro_l ul li:nth-child(1), .index .i_container .i_pro_l ul li:nth-child(2){width: calc((100% / 2) - 30px);display: flex; align-items: center;padding: 0 30px; box-sizing: 
border-box; height: 285px;}
.index .i_container .i_pro_l ul li:nth-child(1) img, .index .i_container  .i_pro_l ul li:nth-child(2) img{width: 50%; height: 175px;}
.i_pro_l ul li h3{font-size: 18px; color: #333333;}
.i_pro_l ul li .text div{font-size: 14px;line-height: 1.3;color:#555;width: 210px; text-align: justify; margin: 30px 0;}
.i_pro_l ul li .text{margin-right: 30px;text-align: left;}
.i_pro_l ul li .text a{border: rgb(0, 153, 255) 1px solid; font-size: 16px; padding: 10px 20px; border-radius: 6px;color:#0099ff;}
.i_pro_l ul li .text a:hover{background: #09f; color: #fff;}
.i_pro_l ul li .text1{font-size: 14px;  text-align: left;  color: rgb(85, 85, 85);margin: 10px 0 15px;display: block;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.i_pro_l ul li > span{color: rgb(255, 16, 16);font-size: 18px;display: block;text-align: left;display: none;}

.item_wrapper{height: 50px; background-color: #e6e6e6; line-height: 50px; text-align: center;color: #243a8e;font-size: 16px;} 
.i_pro_l ul li:hover .item_wrapper{color:#fff;background-color: #243a8e;}
a.yang {font-size: 16px;color: #243a8e;position: relative;top: -290px;left: 1100px;}

.aboutbox{background: url(/templates/Images/about_bg.jpg);  height: 960px;margin-top: 100px;background-position: center;background-repeat: no-repeat;}
.about{width: 370px;  margin: 0 auto;  position: relative;  overflow: hidden;  max-width: 100%;  text-align: justify;left: 240px;height: 100%;  display: flex;  flex-wrap: wrap;  align-items: center;}
.about p{font-size: 14px;  line-height: 2.2;  color: #888888;margin-top: 50px;}
.about .title01{text-align: left;position: relative;}
.about .title01:before, .about .title01:after{display:none;}
.about .title01 span{font-size: 70px; color: #F5F5F5;z-index: 1;position: absolute;}
.about .title01 h3{position: relative;  z-index: 1;}
.about a{border:1px solid rgb(136, 136, 136);font-weight: 700; font-size: 16px;padding: 10px 20px;  border-radius: 6px;}

.i_wmdysbox{background: #fafafa;  padding: 100px 0;}
.i_wmdys{width: 1200px;  max-width: 100%;  overflow: hidden;  margin: 0 auto;}

.i_wmdys ul{display: flex;  flex-wrap: wrap;margin-top: 80px;}
.i_wmdys ul li{width: calc((100% / 4 ) - 20px);  margin: 0 10px;  text-align: center;}
.i_wmdys ul li .imgbox{height: 100px; display: flex; align-items: center; justify-content: center;}
.i_wmdys ul li h3{font-size: 16px; color: #555555; font-weight: 600;}
.i_wmdys ul li p{font-size: 13px; color: #888888; line-height: 2.3;margin-top: 10px;}
.i_wmdys ul li > div:nth-last-child(1){border-top: 1px solid #bf6bff;padding-top: 15px;}
.i_wmdys ul li > div{height: 100px;overflow: hidden;}
.i_wmdys ul li:nth-child(2n) > div:nth-last-child(1){padding:0px;}
.i_wmdys ul li:nth-child(2) > div:nth-last-child(1){border-color: #ff5a5a;}
.i_wmdys ul li:nth-child(3) > div:nth-last-child(1){border-color: #51d4a7;}
.i_wmdys ul li:nth-child(4) > div:nth-last-child(1){border-color: #ffba69;}


.i_newsbox{width: 100%; background-position: center;background-repeat: no-repeat; max-width: 100%;background: url(http://picture.no3.mfdns.com/upload/cases/yq1052/i_newsbj.jpg);padding: 50px 0 60px;}
.i_news .title{text-align: center;background: url(/templates/Images/i_gsjjtitle.png) no-repeat center;  height:auto;padding: 22px 0;margin-bottom: 50px;}
.i_news ul{display: flex;     flex-wrap: wrap;margin-top: 80px;}
.i_news ul li{width: calc((100% / 2) - 120px);  margin: 0 60px;margin-bottom: 40px;}
.i_news ul li h3{font-weight: 700;  font-size: 18px;  color: rgb(85, 85, 85);text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}
.i_news ul li h3:hover{color:rgb(0, 153, 255)}
.i_news ul li .text{color: rgb(136, 136, 136);  font-size: 14px;  line-height: 26px;  height: 50px;  overflow: hidden;}
.i_news ul li span{color: rgb(0, 153, 255);  font-size: 24px;  margin-top: 30px;display: block;position: relative;}
.i_news ul li span:before{content: "";  position: absolute;  width: 100px;  background: #ccc;  height: 1px;  top: -20px;}
.i_news h2{text-align: center;margin-top: 50px;}
.i_news h2 a{font-weight: 700; font-size: 16px; color: #888;border: 1px solid #888;  border-radius: 6px;padding: 10px 20px;}  

.i_fhfw{width: 1200px;  max-width: 100%;  overflow: hidden;  margin: 0 auto;padding:40px 0;}
.i_fhfw ul{display: flex;  flex-wrap: wrap;  justify-content: space-between;  margin-top: 80px;}
.i_fhfw ul li{margin-bottom:20px;width: calc((100% / 3) - 40px);  margin: 0 20px 20px;}
.i_fhfw ul li img{width: 386px;  height: 220px;}
.i_fhfw h2{text-align: center;margin-top: 80px;}
.i_fhfw h2 a{font-weight: 700; font-size: 16px; color: #888;border: 1px solid #888;  border-radius: 6px;padding: 10px 20px;}  
.i_fhfw li h3{font-weight: 700;  font-size: 18px;  color: rgb(85, 85, 85);position: relative;padding: 20px 0;}
.i_fhfw li h3:before{width: 50px;  height: 1px;  background: #ccc;  bottom: 10px;}
.i_fhfw li p{font-size: 14px;  color: rgb(136, 136, 136);  line-height: 27px;}

.i_jkshbox{width: 100%;  max-width: 100%;background: url(http://picture.no3.mfdns.com/upload/cases/yq1052/jkshbj.jpg);padding: 100px 0;background-position: center;background-repeat: no-repeat;}
.i_jkshbox .i_jksh{width: 1200px;  display: flex;  margin: 0 auto;  justify-content: space-around;align-items: center;max-width:100%;}
.i_jkshbox .i_jksh h3{font-size: 20px;  color: #FFFFFF;  line-height: 1.3;}
.i_jkshbox .i_jksh p{font-size: 16px;  color: #FFFFFF;margin-top: 10px;}
.i_jksh h2{text-align: center;}
.i_jksh h2 a{font-weight: 700; font-size: 16px; color: #fff;border: 1px solid #fff;  border-radius: 6px;padding: 10px 20px;}  

.circle{display: inline-block;width: 6px;height: 6px;background-color: #243a8e;border-radius: 100px;margin-right: 6px;}

.footer{background-color:rgb(51, 51, 51);}
.footer .mfbox{width: 1200px; max-width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-content: center;padding: 30px 0;}

.footer_l{width: 100%; margin: 0 auto; justify-content: center; display: flex;}
.footer_l .logo{margin-top: 0;}
.footer_r{float: right;text-align: center;margin-top: 28px;}
.footer_nav ul li{float: left;width: auto;margin-left: 30px;}
.footer_nav ul li:nth-child(5){border-right:none;}
.footer_nav ul li a{font-size: 14px; line-height: 24px; color: #fff;}
.copyright{text-align: center;border-top: #fff 1px solid;}
.copyright {color:#fff;}
.copyright {padding: 10px 0;}
/* 首页部分结束 */

/* 内页部分开始 */
.p-about{width: 1200px;  margin: 0 auto;  max-width: 100%;}
.p-about div:nth-last-child(1){margin-top:80px;background: url(../images/paboutbj.jpg);position: relative;height: 383px;padding: 50px 0 0 50px;}
.p-about p{background: url(http://picture.no3.mfdns.com/upload/cases/yq1052/paboutbj1.png);  width: 685px;  height: 421px;  padding: 50px 70px;  font-size: 14px;  line-height: 1.8;  color: #888888;  text-align: justify;}

.p_qylcbox{background: #fafafa;}
.p_qylc{width: 1200px;  margin: 0 auto;  max-width: 100%;margin-top:100px;padding: 100px 0; box-sizing: border-box;}
.p_qylc ul{width: 900px;  margin: 90px auto 0;  max-width: 100%;}
.p_qylc ul li{height: 89px;position: relative;padding: 20px 0 0 50px;}
.p_qylc ul li:nth-child(2n){background: #fff;}
.p_qylc ul sup{font-size: 18px;  color: #555555; position: absolute;}
.p_qylc ul span{font-size: 14px; color: #888888;line-height: 60px;padding-left: 15%;}
.p_qylc ul li:before{content: "";  position: absolute;border: 3px solid #36b0f3;  width: 15px;  height: 15px;  border-radius: 50%;  left: 120px;}
.p_qylc ul li:after{content: "";  position: absolute;background: rgb(0, 153, 255);  width: 2px;  height: 35px;  left: 129px;  top: 50px;}

.p_ryzz{width: 1200px;  margin: 100px auto 0;  max-width: 100%;  overflow: hidden;}
.p_ryzz ul{margin-top: 100px;  display: flex;margin-bottom: 50px;}
.p_ryzz ul li{border: rgb(237, 237, 237) 1px solid;  box-sizing: border-box;margin: 0 10px;  width: calc((100% / 4) - 20px);}
.p_ryzz ul li img{width: 285px;  height: 202px;}
.p_ryzz ul li:hover{border-color: #09f;}

.p_cjwtbox{background: #fafafa; padding: 100px 0;    display: none;}
.p_cjwt{width: 1200px; margin: 0 auto; max-width: 100%; overflow: hidden;}
.p_cjwt ul{margin-top: 100px; display: flex; flex-wrap: wrap;}
.p_cjwt ul li{margin: 0 15px 30px; width: calc((100% /2) - 30px);background: #fff;padding: 30px; box-sizing: border-box;}
.p_cjwt ul li h3{font-size: 18px; text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; cursor: pointer;padding-bottom: 50px;position: relative;}
.p_cjwt ul li h3:before{content: "";  position: absolute;left: 0;  right: 0;  height: 1px;  background: #ccc;  top: 50px;}
.p_cjwt ul li p{font-size: 14px;  color: rgb(136, 136, 136);  line-height: 26px;}

.p_lxwm{width: 1200px; margin: 0 auto; max-width: 100%; overflow: hidden;margin-bottom:80px;}
.p_lxwm ul{margin-top: 100px; display: flex; flex-wrap: wrap;justify-content: space-around;}
.p_lxwm ul li h3{font-size: 24px; color: #0099FF;}
.p_lxwm ul li p{font-size: 14px; color: #555555;margin: 15px 0 40px;}
.p_lxwm ul li{position: relative;}
.p_lxwm ul li:before{content: ""; position: absolute;background: rgb(237, 237, 237);  width: 1px;  height: 60px;  right: -80px;}
.p_lxwm ul li:nth-last-child(1):before{display:none;}

.p_container{width: 1200px;margin: 0 auto;padding: 40px 0 0;max-width: 100%;}
.single .p_container{width:100%;}
.agentL{float: left;width: 250px; margin-right:50px;position: relative;}
.agentR{float: left;width: 900px;}
.sidebar{width:100%; text-align: center;} 
.p_box1{background: #2b4d7e;display: none;}
.p_box1 span{font-size: 26px;line-height: 50px;letter-spacing: 2px;color: #fff;}
.p_box1 p{font-size:14px;color: #fff;opacity: 0.5;}
.box1L {width: 4px;height: 40px;background-color: #fff;float: left;margin: 35px 15px 0 15px;}
.box1R{padding: 10px 0;  text-align: center;}
.p_box3 span{font-size: 22px;letter-spacing: 2px;color: #243a8e;}
	.p_box3 p{font-size:14px;color: #243a8e;opacity: 0.5;}
.box3L {font-family: SimSun;font-size: 25px;font-weight: bold;letter-spacing: 5px;color: #243a8e;float: left;margin-top: 25px;}
.box3R{float: left;margin-top: 15px;}
.sortnavul{border: solid 1px #d9d9d9;}
.i_contact{margin: 30px 0;}
.p_box2{width: 250px;height: 160px;background-color: #ffffff;border: solid 1px #d9d9d9;font-size: 16px;color: #333;padding: 20px;}
.p_box2 img{margin-right: 8px;margin-bottom: 3px;}
.p_box2 p{margin: 10px 24px 20px;}
.waterfall{text-align: center;display: flex;justify-content: left;flex-wrap: wrap;}
.waterfall p{padding:30px;font-size: 16px;color: #666;}
.waterfall p:hover{color:#2FA4FF;}
.sc_title{margin-top: 45px;font-size: 16px;color: #333;line-height: 24px;}
span.p_pro_title{font-size: 20px;line-height: 24px;color: #0099ff;}
.p_proT{border-bottom: #0099ff 2px solid;height: 35px;margin-bottom: 40px;display: block;}
.zz p{font-size: 16px;color: #333;line-height: 40px;}
.zz h3{font-size: 20px;color: #243a8e;line-height: 50px;margin-left: -30px;}
.zz_title p::before{content: "";
          display: block;
          position: absolute;
          transform: translate(-25px,22px);
          width: 6px;
          height: 6px;
          border-radius: 100%;
          background-color: #243a8e;
}
.zz{height: 258px;margin-bottom: 40px;border-bottom: rgba(136, 136, 136, 0.2) 1px solid;}
.zz img{float: left;}
.zz_title{float: left;margin-left: 60px;}
.Npic1 img{width: 24px;position: relative;top: -20px;left: 870px;}

.ck{width: 140px; height: 36px;border: solid 1px #243a8e;border-radius: 3px;text-align: center;display: inline-block;float: right;}
.ck a{font-size: 16px;font-weight: bold;color: #243a8e;line-height: 36px;}
/*.ck a:visited .ck{background-color: #243a8e}*/
/*.ck a:link{color: #243a8e;background-color: #fff;}
.ck a:visited{color: #FFF;background-color: #243a8e;}*/
.xq{display: none;border-bottom: #243a8e 2px solid;}
.zhaopin span{font-size: 20px;font-weight: bold;color: #333;padding-left: 25px;display: inline-block;}
.zhaopin span::before{content: "";
          display: block;
          position: absolute;
          transform: translate(-20px,10px);
          width: 8px;
          height: 8px;
          border-radius: 100%;
          background-color: #243a8e;}
.zhaopin{border-bottom: rgba(136, 136, 136, 0.2) 1px solid;margin: 40px 0;}  
#zp{margin-top: 0;}
.zp_list{margin: 35px 0 40px 0;}
.zp_list ul li{float: left;width: 175px;font-size: 16px;color: #333;margin-left: 58px;}
.zp_list ul li:first-child{margin-left: 25px;}
.xq{padding-bottom: 45px;}
.xq span{font-size: 18px;font-weight: bold;line-height: 36px;color: #333;}
.xq p{font-size: 16px;line-height: 36px;color: #333;}

span.wm{font-size: 22px;}
.lianxiL{float: left;margin-top: 110px;}
.lianxiR{float: right;margin-top: 90px;}
#lx{border: none;height: auto;}
#lx img{margin-right: 20px;margin-bottom: 3px;}
#lx p{margin: 10px 0 20px 37px;}
.sortnavul li:hover:after{border: 1.45px solid #fff;border-bottom: none;border-left: none;}
/* 内页部分结束 */





/*响应式按钮*/

.am-header-right:before {-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
.am-header-right {display:none;position:absolute;height:53px;margin-top:0;margin-bottom:0;line-height:22px;background:0 0 !important;-webkit-transition:color .25s linear;-o-transition:color .25s linear;
transition:color .25s linear;z-index:100;right:0 !important;top:0;padding-top:42px;text-align:center;width:50px;padding-left:12px;left: 0; top: 0; padding-top: 30px;}
.am-header-right:before,.am-header-right span,.am-header-right:after {background:#fff;}
.close span {opacity:0}
.close:before {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:8%;-ms-transform-origin:8%;-o-transform-origin:8%;transform-origin:8%;}
.close:after {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:8%;-ms-transform-origin:8%;-o-transform-origin:8%;transform-origin:8%;}
.am-header-right:before,.am-header-right::after {transition:transform .2s ease-in-out;}
.am-header-right:before,.am-header-right span,.am-header-right:after {display:block;width:30px;height:3px;margin:0;background:#ff6800;border-radius:1px;}
.am-header-right span {margin:6px 0;}
.am-header-right:before,.am-header-right:after {content:"";}
/*按钮结束*/
/*响应式*/
.navbar-toggle {
    background: rgba(0, 0, 0, 0) url("/templates/Images/icon0x.png") no-repeat scroll right top;
    border: 0 none;
    border-radius: 0;
    height: 65px;
    float: right; 
    width: 65px;
    margin-top: 14px; 
    top: 0;
    right: 0;
    display: none;
}
@media screen and (min-width: 1920px){
  a.yang{left: 1400px;}
  span.CK{left: 375px;}
}
@media screen and (max-width: 1440px){
    .i_pro{
        padding: 0 119.5px;
    }
    
}

@media screen and (max-width: 1366px){
.aboutbox{background-size: 100%;}
.about{width: 310px;left: 170px;}
.about .title01 span{font-size: 60px;opacity: 0.3;}
.i_pro{
    padding: 0 80.2px;
}
}

@media screen and (max-width: 1024px){
	.mfbox,.i_pro_l,.intro,.i_news,.n_n_list dl dd{width: 100%;}

	.intro_title{width: 600px;}
	.introR{width: 420px;}
	.agentR{width: 700px;}
	.n_n_list dl dd a{width: 638px;}
	.lianxiR{width: 730px;}
	a.yang{left: 930px;}
.nava{padding:0 13px;}
.nava:hover,.navactive:hover{padding:0 13px;}
.selected,.navactive{padding:0 13px;}
.selected::after, .nava:hover::after, .navactive:hover::after{width: 100%;left: calc(50% - 50%);}
.i_newsB{padding: 0 10px;}

.i_news{padding: 20px 0 10px;}
.i_cxcxzr .i_cxcxzrb{justify-content: normal; margin-left: 7%;}
.sidebar{padding-left: 15px;}
.n_n_list li .text{width: 68%;}
.n_n_list li .text div{height: 50px;}
.i_fhfw, .p_cjwtbox{padding-top:30px;}
#baiduapi_1_mapframe{max-width: 100%;}
.index .i_container .i_pro_l ul li:nth-child(1) img, .index .i_container  .i_pro_l ul li:nth-child(2) img{width: auto;height: auto;}
.about{width: 1200px; max-width: 100%; left: 0; padding: 0 30px;}
.aboutbox{background: #ccc; box-shadow: 4px 4px 8px #000; box-sizing: border-box; padding: 20px;height: auto;}
.about a{margin-top:20px;}
.p_qylc, .p_ryzz{margin-top: 30px;}


}
@media screen and (max-width: 768px){
	.i_nav {
    background-color: #243a8e;
    border-radius: 0 0 5px 5px;
    display: none;
    height: auto;
    position: absolute;
    right: 0px;
    top: 70px;
    width:100%;
    z-index: 1000;left: 0;} 
.navbar-toggle {
    display: block;
}
.am-header-right, .show{display: block;}
.nava{color: #fff;}
.selected, .navactive{color: rgb(134, 176, 255);}
.i_pro_l{width: 100%;}
.introR{display: none;}
.introL{padding: 0 20px;}

a.yang{top: -450px;left: 465px;}
.mfbox,.intro,.introL,.intro_title,.i_news,.news,.p_container,.agentL,.agentR{width: 100%;}
.i_contact,.p_box1{display: none;}
.agentL{top: 0;}
.agentR{padding: 0 15px;}
.lianxiR{width: 500px;}
.sort_l{width: 550px;}
.ddsmoothmenu ul li{width: 100%;}
.two ul li a{width: 67%; display: inline-block; overflow: hidden; height: 20px;}
.footer_nav ul li{margin-left: 20px;}
.sidebar{padding-left: 0;}
.i_nav ul li ul{position: inherit;width:100% !important;}
.znxzdjy .box > img{max-height: 170px;}
.znxzdjy .box .left li, .znxzdjy .box .right li{margin-bottom: 75px;}
.znxzdjy .box{padding: 0 10px;}
.zygn ul li{width: calc((100% / 4) - 20px);}
.cptd .box1 .right, .cptd .box1 > img{width: 100%;}
.cptd .box1 .right{text-align: center;margin:0;}
.footer_r{text-align: center; margin-top: 28px; overflow: hidden; padding-top: 10px;margin: 10px 0 0; padding: 0;display: flex; justify-content: center;width: 100%;}
.footer .mfbox{display: flex; align-items: center; justify-content: space-evenly;}

.hbox{display:none;}
.sort_l ul{display: flex;  flex-wrap: wrap;}
.sort_l ul li{width: calc((100% / 4) - 20px);  display: block;  margin: 0 10px 20px;}
.i_pro_l ul li{width:calc((100% / 2) - 30px)}

.p_ryzz ul{flex-wrap: wrap;}
.p_ryzz ul li{width: calc((100% / 2) - 20px); text-align: center; margin: 0 10px 20px;}
.sortnavul li a{border-bottom: none;}
.p_proT{margin-top: 30px;}

}
@media screen and (max-width: 480px){
	.sortnavul li::after{display: none;}
	.n_n_list dl dd,.n_n_list dl dd>div{width: 100%;}
	.sortnavul li a{width: auto;padding-left: 0;}
	.intro_title{height: auto;}
	span.CK{top: -60px;left: 35px;}
	.intro_title p{padding: 30px 32px 30px 16px;}
	a.yang{top: -394px;left: 234px;}
.footer_l .logo, .two span, .i_xhszn .i_xhsznb .left p, .i_gsjj > div h4::before, .i_ywfw .i_ywfwb .title span, .i_ywfw .i_ywfwb .title p{display: none;}
.circle{width: 16px; height: 16px;}

.sortnavul li{padding: 0 10px;}
.n_n_list li .text, .n_n_list li img{width: 100%;}
.n_n_list li img{margin-bottom: 20px;}
.p_cpyl > .box > img{display:none;}
.zygn ul{flex-wrap: wrap;}
.zygn ul li{width: calc((100% / 2) - 20px);  margin-bottom: 25px;}
.sclfw .box ul{display:flex;}
.hzal ul li{width: calc((100%/3) - 15px);}
.footer_nav ul li{margin-left: 20px;  width: calc((100%/3) - 20px);}

.gbook_post td:nth-child(1){margin-right: 10px;}
.gbook_post{display: flex;padding: 10px;}
.gbook_post textarea{width:330px  !important;}

.sort_l ul li{width: calc((100% / 3) - 40px);}
.i_pro_l ul{margin-top: 0px;}
.i_pro{margin-top: 20px;
  width: 90%;
  padding: 0;}
  .sort_l li a.on{
    padding: 5px;
  }
.i_pro_l ul li .text div{width: 160px;}

.index .i_container .i_pro_l ul li:nth-child(1), .index .i_container .i_pro_l ul li:nth-child(2){width: 100%;}

.aboutbox{margin-top: 30px;}
.p_cjwtbox, .p_qylc, .i_fhfw, .i_newsbox, .i_wmdysbox{padding: 30px 0;}
.i_wmdys ul li{width: calc((100% / 2 ) - 20px);margin-bottom: 30px;}
.i_news{padding:0;}
.i_news ul li{width: calc((100% / 1) - 120px);}
.i_news ul li span{margin-top: 20px;}
.i_fhfw ul li{width: calc((100% / 2) - 40px);}
.i_fhfw ul li img{height: auto;}
.p-about p{max-width: 100%;padding: 20px 30px; font-size: 14px; line-height: 1.7;height: 421px; overflow: hidden;}
.p-about div:nth-last-child(1){padding: 0;}
.p_qylc ul span{padding-left: 25%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; width: 410px;}

.item img{height: auto;}
.item > a{display: flex; align-items: center;height: 150px;}
.item{height: 250px;width: calc((100% / 2) - 20px);}

.p_cjwt ul li{width: calc((100% /1) - 30px);}

.p_lxwm ul li{width: calc((100%/ 2) - 40px); margin: 0 20px;}
.p_lxwm ul{justify-content: left;}

.sort_l ul{justify-content: center;}
.n_n_list li .text h3{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.footer_l .logo{display:block;}

}



@media screen and (max-width: 414px){
	.i_pro_l{width: 375px;}
	.i_pro_l ul li{width: 165px;margin-right: 3px;margin-left: 13px;}
	a.yang{top: -366px;}
	.i_intro{height: auto;}
	.news{padding: 0 10px;}
	.one_title{width: 100%;}
}

@media screen and (max-width: 375px){
.cptd .box2 li img{margin-right: 0x;}
.menu_66 .p_container{padding:0;}
.sclfw .box li{width: calc((100%/6) - 22px);}
.title span:before, .title span:after{display:none;}
.sclfw .box li::before{right: -29px;}
.hzal ul li{width: calc((100%/2) - 15px);height: 85px;}
.gbook_post textarea{width:280px  !important;}
.gbook_post td:nth-child(1){width: 17%;}


.sort_l ul li{width: calc((100% / 2) - 40px);}

.i_pro_l ul li img{height: auto;}
.i_pro h2{margin-top: 30px;}
.about .title01 span{font-size: 50px;}
.i_fhfw ul li{width: calc((100% / 1) - 40px);}
.i_jkshbox .i_jksh{flex-wrap: wrap;}
.i_jksh h2{margin-top: 30px;}
.p-about p{height: 400px;}
.p_qylc ul span{padding-left: 35%;width: 300px;}
.p_ryzz ul li{width: calc((100% / 1) - 20px);}



}















